<div class="animated fadeInRight ecommerce">

    <div class="ibox ">
        <div class="ibox-title">
            <h5>查询条件</h5>
            <div class="ibox-tools" style="top:10px;">
                <button type="button" class="btn btn-link btn-sm" style="margin-right:10px;"
                    v-on:click="_moreCondition()">
                    {{housekeepingDispatchManageInfo.moreCondition == true?'隐藏':'更多'}}
                </button>
            </div>
        </div>
        <div class="ibox-content">
            <div class="row">
                <div class="col-sm-3">
                    <div class="form-group">
                        <input type="text" placeholder="请输入工单编号"
                            v-model="housekeepingDispatchManageInfo.conditions.cartId" class=" form-control">
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                        <input type="text" placeholder="请输入申请人"
                            v-model="housekeepingDispatchManageInfo.conditions.applyName" class=" form-control">
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <input type="text" placeholder="请输入联系电话"
                            v-model="housekeepingDispatchManageInfo.conditions.applyTel" class=" form-control">
                    </div>
                </div>
                <div class="col-sm-2">
                    <button type="button" class="btn btn-primary btn-sm" v-on:click="_queryHousekeepingPoolMethod()">
                        <i class="fa fa-search"></i> 查询
                    </button>
                    <button type="button" class="btn btn-primary btn-sm" v-on:click="_resetHousekeepingPoolMethod()">
                        <i class="fa fa-repeat"></i> 重置
                    </button>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3" v-if="housekeepingDispatchManageInfo.moreCondition == true">
                    <select class="custom-select" v-model="housekeepingDispatchManageInfo.conditions.state">
                        <option selected disabled value="">请选择状态</option>
                        <option v-for="(item,index) in housekeepingDispatchManageInfo.states" :value="item.statusCd">
                            {{item.name}}
                        </option>
                    </select>
                </div>
            </div>

        </div>
    </div>

    <div class="ibox">
        <div class="ibox-title">
            <h5><span v-text="housekeepingDispatchManageInfo.conditions.roomName"></span>服务待办</h5>
        </div>
        <div class="ibox-content">
            <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                <thead>
                    <tr>
                        <th class="text-center">服务名称</th>
                        <th class="text-center">订单编号</th>
                        <th class="text-center">申请人</th>
                        <th class="text-center">联系方式</th>
                        <th class="text-center">预约时间</th>
                        <th class="text-center">状态</th>
                        <th class="text-center">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="pool in housekeepingDispatchManageInfo.pools">
                        <td class="text-center">{{pool.servName}}</td>
                        <td class="text-center">{{pool.cartId}}</td>
                        <td class="text-center">{{pool.applyName}}</td>
                        <td class="text-center">{{pool.applyTel}}</td>
                        <td class="text-center">{{pool.appointmentTime}}</td>
                        <td class="text-center"
                            v-if="pool.state == '1800' && (pool.returnVisitFlag == '001' || pool.returnVisitFlag == '002')">
                            {{pool.stateName}}(定时任务处理)
                        </td>
                        <td class="text-center" v-else>
                            {{pool.stateName}}
                        </td>
                        <td class="text-center">
                            <div class="btn-group"
                                v-if="pool.state == '1100' || pool.state == '1200' ||pool.state == '1300'">
                                <button class="btn-white btn btn-xs" v-on:click="_openDispatchRepairModel(pool)">转单
                                </button>
                            </div>
                            <div class="btn-group" v-if="pool.preStaffId != '-1' && pool.ruId != pool.preRuId">
                                <button class="btn-white btn btn-xs" v-on:click="_openBackRepairModel(pool)">退单
                                </button>
                            </div>
                            <!-- <div class="btn-group" v-if="pool.preStaffId != '-1' && pool.ruId != pool.preRuId">
                                    <button class="btn-white btn btn-xs" v-on:click="_openReleaseHousekeepingServPoolUserModal(pool)">释放
                                    </button>
                                </div> -->
                            <div class="btn-group"
                                v-if="pool.state == '1100' || pool.state == '1200' ||pool.state == '1300'">
                                <button class="btn-white btn btn-xs" v-on:click="_openFinishRepair(pool)">办结
                                </button>
                            </div>
                            <div class="btn-group"
                                v-if="vc.hasPrivilege('502021040151320003') && pool.state == '1800' && pool.returnVisitFlag == '003'">
                                <button class="btn-white btn btn-xs" v-on:click="_openAppraiseRepair(pool)">回访
                                </button>
                            </div>
                            <div class="btn-group">
                                <button class="btn-white btn btn-xs" v-on:click="_openDetail(pool)">详情</button>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            <!-- 分页 -->
            <vc:create path="frame/pagination"></vc:create>
        </div>

    </div>
    <vc:create path="goods/dispatchHousekeeping"></vc:create>
    <vc:create path="goods/appraiseHousekeeping"></vc:create>
</div>